<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单信息</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="/css/base.css" />
    <link rel="stylesheet" href="/css/cart/orderinformation.css">
</head>
<body>
<header>
    <div class="header-top">
        <div class="wrap clearfix">
            <div class="top-add">
                <span>运送至：<a href="javascript:void(0)">广州</a></span>
            </div>
            <ul class="header-top-r">
                <li>你好，请登录<a href="javascript:void(0)" class="red">免费登录</a></li>
                <li class="top_r">
                    <span class="top-line on-red">我的订单<a class="more-icon">&or;</a></span>
                </li>
                <li class="top_r">
                    <span class="top-line on-red">我的商城<a class="more-icon">&or;</a></span>
                </li>
                <li class="top_r">
						<span class="top-line on-red">
							<i class="phone-sc-icon"></i>手机商城
						</span>
                </li>
                <li class="top_r"><span class="top-line on-red">客户服务<a class="more-icon">&or;</a></span>
                </li>
            </ul>
        </div>
    </div>
    <div class="header-ls">
        <div class="wrap cleafix">
            <div class="header-lg">
                <a href="javascript:void(0)" class="logo" title="NdShop">NdShop</a>
            </div>


            <ul class="technological">
                <li class="t1">
                     1.我的购物车
                </li>
                <li class="t2">
                    2.填写核对订单信息
                </li>
                <li class="t3">
                    3.成功提交订单
                </li>
            </ul>


        </div>
    </div>
   </header>

<!--收货人信息-->
<div id="content" class="clearfix">
    <div class="wrap">
    <div class="checkout">
       <div class="information-title">
           <h2>填写并核对订单信息</h2>
       </div>

        <div class="receiving">
            <div class="receiving-all">
              <div class="receipt-title">
                  <strong>收货人信息</strong>
                  <p>熊小姐 广东省广州市天河区歪果街2号 137*****733</p>
              </div>
                <div class="receipt-title">
                    <strong>支付方式</strong>
                    <ul>
                        <li><a href="javascript:void(0)">货到付款</a></li>
                        <li><a href="javascript:void(0)">微信支付</a></li>
                        <li><a href="javascript:void(0)">支付宝</a></li>
                        <li><a href="javascript:void(0)"  class="r-now">在线支付</a></li>
                    </ul>

                </div>

                <div class="receipt-title2">
                    <strong>送货清单</strong>
                    <div class="item-info">
                          <div class="p-goods">

                              <div class="p-img"><a href="javascript:void(0)"><img src="/images/cart/shangpin01.png"/></a></div>
                              <div class="p-msg">
                                   <div class="p-cont"><a>Apple iphone 6s(A1700) 64G 玫瑰金色 移动联通4G手机</a></div>
                                   <div class="p-extend">
                                       <span><i></i><a>购买礼品包装</a></span>
                                       <span><i></i><a>购买增值保障</a></span>
                                  </div>
                              </div>
                              <div class="p-color">
                                  <span>颜色：MacBook Pro</span>
                                  <span>尺寸：13.3英寸</span>
                              </div>

                              <div class="p-number">X3</div>
                              <div class="p-price"> ¥18288.00</div>
                          </div>
                    </div>

                </div>


                <div class="receipt-title3">
                    <strong>配送方式</strong>
                    <div class="mode-transportation"><button>快递运输</button></div>
                    <div class="mode-note">
                            <p>添加订单备注</p>
                            <input type="text" placeholder="限45个字（定制商品，请将购物需求在备注中做详细说明）" maxlength="45">
                            <span>提示：请勿填写有关支付、收货、发票方面的信息</span>
                    </div>
                </div>

                <div class="receipt-title4">
                    <strong>发票方式</strong>
                    <p>不开发票<a href="javascript:void(0)">修改</a></p>
                </div>

            </div>
        </div>

       </div>







    <div class="total-amount">
           <div class="cope-with">
               <div class="total">应付总额：<span>¥18025.00</span></div>
               <div class="address">寄送至：广东 广州市 天河区 歪果街道2号 收货人：熊小姐 137****3733</div>
           </div>
    </div>

        <div class="place-order"></div>

    </div>
</div>


<footer>
    <!-- service shop start-->
    <div class="service cleafix">
        <div class="wrap">
            <div class="service-top">
                <a href="javascript:void(0)" class="service-pic"><img src="/images/head/fly.png" alt="" /></a>
                <a href="javascript:void(0)" class="service-pic"><img src="/images/head/earth.png" alt="" /></a>
                <a href="javascript:void(0)" class="service-pic"><img src="/images/head/suifei.png" alt="" /></a>
                <a href="javascript:void(0)" class="service-pic"><img src="/images/head/taobao.png" alt="" /></a>
            </div>
        </div>
    </div>
    <div class="service-center">
        <div class="wrap cleafix">
            <dl class="shop-all">
                <dt>购物指南</dt>
                <dd><a href="javascript:void(0)">购物流程</a></dd>
                <dd><a href="javascript:void(0)">会员介绍</a></dd>
                <dd><a href="javascript:void(0)">生活旅行/团购</a></dd>
                <dd><a href="javascript:void(0)">常见问题</a></dd>
                <dd><a href="javascript:void(0)">大家电</a></dd>
                <dd><a href="javascript:void(0)">联系客服</a></dd>
            </dl>
            <dl class="shop-all">
                <dt>配送方式</dt>
                <dd><a href="javascript:void(0)">上门自提</a></dd>
                <dd><a href="javascript:void(0)">211显示达</a></dd>
                <dd><a href="javascript:void(0)">配送服务咨询</a></dd>
                <dd><a href="javascript:void(0)">配送费收取标准</a></dd>
                <dd><a href="javascript:void(0)">海外配送</a></dd>
            </dl>
            <dl class="shop-all">
                <dt>支付方式</dt>
                <dd><a href="javascript:void(0)">货到收款</a></dd>
                <dd><a href="javascript:void(0)">在线支付</a></dd>
                <dd><a href="javascript:void(0)">分期付款</a></dd>
                <dd><a href="javascript:void(0)">邮局汇款</a></dd>
                <dd><a href="javascript:void(0)">公司转账</a></dd>

            </dl>
            <dl class="shop-all">
                <dt>售后服务</dt>
                <dd><a href="javascript:void(0)">售后政策</a></dd>
                <dd><a href="javascript:void(0)">价格保护</a></dd>
                <dd><a href="javascript:void(0)">退款说明</a></dd>
                <dd><a href="javascript:void(0)">返修、退换货</a></dd>
                <dd><a href="javascript:void(0)">取消订单</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="javascript:void(0)">夺宝岛</a></dd>
                <dd><a href="javascript:void(0)">DIY装机</a></dd>
                <dd><a href="javascript:void(0)">生活旅行</a>/团购</dd>
                <dd><a href="javascript:void(0)">常见问题</a></dd>
                <dd><a href="javascript:void(0)">大家电</a></dd>
            </dl>
        </div>
    </div>
    <!-- service shop end-->

    <!--under footer start-->
    <div class="footer">
        <div class="wrap">
            <div class="foot-link">
                <a href="javascript:void(0)">关于我们</a>|
                <a href="javascript:void(0)">联系我们</a>|
                <a href="javascript:void(0)">联系客服</a>|
                <a href="javascript:void(0)">商家入驻</a>|
                <a href="javascript:void(0)">营销中心</a>|
                <a href="javascript:void(0)">手机商城</a>|
                <a href="javascript:void(0)">友情链接</a>|
                <a href="javascript:void(0)">销售联盟</a>|
                <a href="javascript:void(0)">ENGLISH SITE</a>|
                <a href="javascript:void(0)">CONTACT US</a>
            </div>
            <div class="autocation">
                <a href="javascript:void(0)"><img src="/images/head/kexin.jpg" alt="" /></a>
                <a href="javascript:void(0)"><img src="/images/head/jywz.jpg" alt="" /></a>
                <a href="javascript:void(0)"><img src="/images/head/inter.jpg" alt="" /></a>
            </div>
        </div>

    </div>
    <!--under footer end-->
</footer>

</body>
</html>